<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="互联网信息安全技术手段公共服务平台" />
    <meta name="description" content="互联网信息安全技术手段公共服务平台" />
    <title>互联网信息安全技术手段公共服务平台</title>
    <link href="static/css/owl.carousel.css" rel="stylesheet" />
    <link href="static/css/owl.transitions.css" rel="stylesheet" />
    <link href="static/css/owl.theme.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="static/css/jquery.fancybox.css" media="screen" />
    <link rel="stylesheet" href="static/css/mycss.css" />
    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="static/css/style.css">
    <script src="static/js/jquery-3.2.1.min.js"></script>
    <script src="static/js/laydate/laydate.js"></script>
    <script src="static/js/owl.carousel.js"></script>
    <script src="static/js/jquery.easings.min.js"></script>
    <script type="static/text/javascript" src="static/js/jquery.fancybox.js"></script>
    <script src="static/js/myjs.js"></script>
    <script src="static/js/lodash.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/bootstrap-paginator.js"></script>
    <script src="static/plugins/layer-v1.9.0/layer/layer.js"></script>
</head>

</head>

<body>
    <div class="center">
        <div class="btn-box">
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addForm">
                <span class="glyphicon glyphicon glyphicon-plus" aria-hidden="true"></span>新建表单
            </button>
        </div>
        <div class="table-responsive table-box">
            <table class="table table-hover table-bordered">
                <thead>
                    <tr>
                        <th width="45">序号</th>
                        <th width="120">表单编号</th>
                        <th width="280">表单名称</th>
                        <th width="240">申请业务</th>
                        <th width="140">最后提交时间</th>
                        <th width="100">表单状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="tread"></tbody>
            </table>
        </div>
        <div class="page-box">
            <div class="total">共&nbsp;
                <span class="num-color" id="total_data"></span>&nbsp;条，总共&nbsp;
                <span class="num-color" id="total_pages"></span>&nbsp;页
            </div>
            <div class="dropdown" id="dropdown">
                <button type="button" class="btn btn-default" data-toggle="dropdown" id="pageNum">
                    <strong>10</strong>条/每页
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#"><strong>10</strong>条/每页&nbsp;</a>
                    </li>
                    <li>
                        <a href="#"><strong>30</strong>条/每页&nbsp;</a>
                    </li>
                    <li>
                        <a href="#"><strong>50</strong>条/每页&nbsp;</a>
                    </li>
                </ul>
            </div>
            <div class="page-group">
                <ul id="pageLimit"></ul>
            </div>
            <div class="jump-box">
                <input type="text" class="form-control text-box" id="jump_page">
                <button class="btn btn-primary" onclick="jumpQuery()">跳转</button>
            </div>
        </div>
    </div>
    <div class="modal fade my-dialog has-header" id="addForm" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">添加表单</h4>
                </div>
                <div class="modal-body">
                    <form id="addQueryForm">
                        <div class="checkbox">
                            <label class="checkbox-inline">表单类型：</label>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="idcEvaluating"> IDC业务评测
                            </label>
                            <label class="radio-inline"></label>
                            (<label class="radio-inline">
                                <input type="checkbox" name="type" disabled="disabled" id="idcEvaluating_1" value="1"> 不含互联网资源协作
                            </label>
                            <label class="radio-inline">
                                <input type="checkbox" name="type" disabled="disabled" id="idcEvaluating_2" value="2"> 仅限互联网资源协作
                            </label> )
                        </div>
                        <div class="checkbox">
                            <label class="checkbox-inline checkbox-label-w"></label>
                            <label class="checkbox-inline">
                                <input type="checkbox" name="type" value="3"> ISP业务评测
                            </label>
                        </div>
                        <div class="checkbox">
                            <label class="checkbox-inline checkbox-label-w"></label>
                            <label class="checkbox-inline">
                                <input type="checkbox" name="type" value="4"> CDN业务评测
                            </label>
                        </div>
                        <div class="radio">
                            <label class="radio-inline">业务范围：</label>
                            <label class="radio-inline">
                                <input type="radio" name="businessScope" value="2"> 省内
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="businessScope" value="1"> 跨地区
                            </label>
                        </div>
                        <div class="modal-footer-btn">
                            <button type="button" class="btn btn-primary"  onclick="addSingleTask(this)">确定</button>
<!--                             <button type="button" class="btn btn-default" data-dismiss="modal">取消</button> -->
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
     <div class="modal fade has-header" id="workFlow" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">工单流转</h4>
        </div>
        <div class="modal-body">
          <div class="table-responsive">
            <table class="table table-hover table-bordered">
              <thead>
                <tr>
                  <th>用户</th>
                  <th>时间</th>
                  <th>状态</th>
                  <th>原因</th>
                </tr>
              </thead>
              <tbody id="workFlowTread"></tbody>
            </table>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
          </div>
        </div>
      </div>
    </div>
  </div>
    <script type="text/template" id="treadTpl">
        <tr>
            <td class="serial-num">
                <span title="<%= index %>">
                    <%= index %>
                </span>
            </td>
			<td title="<%= form_number %>">
                <%= form_number %>
            </td>
			<td title="<%= name %>">
                <%= name %>
            </td>
            <td>
                <%= applyBusiness %>
            </td>
            <td>
                <%= lastSubmitTime %>
            </td>
            <td>
                <%= statueName %>
            </td>
            <td class="handle-group">
				<a class="btn-link" id="write_<%= id%>" style="display:none;" href="javascript:addApplication(<%=id%>, <%=statue%>, <%=type%>, <%=userId%>, '<%=form_number%>')">填写</a>
				<a class="btn-link" id="del_<%= id%>" style="display:none;" href="javascript:del(<%=id%>)">删除</a>
				<a class="btn-link" id="submit_<%= id%>" style="display:none;" href="javascript:addTaskAudit(<%=id%>, <%=statue%>)">提交</a>
				<a class="btn-link" id="view_<%= id%>" style="display:none;" href="javascript:showApplication(<%=id%>, <%=statue%>, <%=type%>, <%=userId%>)">查看</a>
				<a class="btn-link" id="evalRecord_<%= id%>" style="display:none;" href="javascript:showEval(<%=id%>, <%=statue%>, <%=type%>, <%=userId%>)">评测记录</a>
				<a class="btn-link" id="evalResult_<%= id%>" style="display:none;" href="javascript:showEval(<%=id%>, <%=statue%>, <%=type%>, <%=userId%>)">评测结果</a>
				<a class="btn-link" id="againEval_<%= id%>" style="display:none;width: 25%;" href="javascript:addTaskAudit(<%=id%>, <%=statue%>)">重新提测</a>
            </td>
        </tr>
    </script>
    <!-- <a class="btn-link" id="flow_<%= id%>" style="display:none;width: 25%;" data-toggle="modal" data-target="#workFlow" value-id="<%= id%>">工单流转</a> -->
    <script type="text/template" id="workFlowTreadTpl">
    <tr>
      <td title="<%= userName %>">
        <%= userName %>
      </td>
      <td>
        <%= handleTime %>
      </td>
      <td>
        <%= statue %>
      </td>
      <td>
        <%= reason %>
      </td>
    </tr>
  </script>
    <input type="hidden" id="userId" value="${userId}"/>
</body>
<script src="static/js/module/singleTask.js" charset="utf-8" type="text/javascript"></script>
<script src="static/js/module/evalDictionary.js" charset="utf-8" type="text/javascript"></script>
</html>